@import "../../wxss/base/_base";
@import "../../wxss/global.scss";
@import "../../wxss/mod/mod_btns.scss";
@import "../../wxss/mod/icofont.scss";

page{background: #f5f5f5;}
.spacing{margin-top: 12rpx;}
.ico-add{width: 27rpx;height: 27rpx;}
.pad-menu{padding-bottom: 118rpx!important;}
.tag-a{font-size: 22rpx;color: #fff;background: #ff3b2e;padding: 3rpx 16rpx 4rpx;min-width: 86rpx;text-align: center;border-radius: 50rpx;}

.set-top{@include flex-box;@include vc;background: #fff;min-height: 126rpx;position: relative;border-top: 1rpx solid #f5f5f5;
	.item{font-size: 34rpx;color: #333;@include flex;width: 0;text-align: center;position: relative;line-height: 126rpx;
		.ico-set{margin-right: 20rpx;font-size: 34rpx;display: inline-block;color: #919191;}
		& + .item{border-left: 1rpx solid #f5f5f5;}
	}
}

.set-list{background: #fff;  
	.item{position: relative;min-height: 108rpx;overflow:hidden;
		.li-cnt{border-top: 1rpx solid #f5f5f5;background: #fff; padding-left: 80rpx;position: absolute;height: 100%;left: 45rpx;right: 0; top: 0; min-height: 108rpx;line-height: 108rpx;z-index: 5;
			.ico-set{font-size: 42rpx;color: #929292; position: absolute;left: 0;top: 50%;-webkit-transform: translate(0, -50%);}
			.tt{font-size: 28rpx;color: #666;}
			.tag-a{margin-left: 30rpx;}
		}
		.cz{position: absolute;z-index: 3;font-size: 28rpx;text-align: center;line-height: 108rpx;width: 152rpx;top: 0;right: 0;bottom: 0;color: #fff;
			&.finish{background: #ff3b2f;}
			&.unfinish{background: #bfb197;width: 190rpx;}
		}
		&.ani-finish .li-cnt{-webkit-transform:translateX(-152rpx);-webkit-transition: 1s;}
		&.ani-unfinish .li-cnt{-webkit-transform:translateX(-190rpx);-webkit-transition: 1s;}
	}
}


.fixed-menu{background: #fff;position: fixed;left: 0;right: 0;bottom: 0;@include flex-box;text-align: center;padding: 14rpx 0;
	.item{@include flex;width: 0;
		.ico-menu{width: 48rpx;height: 42rpx;}
		.tt{font-size: 24rpx;color: #7d7d7d;padding-top: 4rpx;display: block;}
	}
}

.ico-home{width: 48rpx;height: 42rpx;background-image: url(home.png); background-size: 100% auto;display: inline-block;}









